<template>
  <Card class="role_account_lock">
  <div>
      <Row>
        <input v-model="userId" placeholder="游戏id" ></input>
        <input v-model="userName" placeholder="游戏名字" ></input>
        <Button type="primary" @click="onLock">封号</Button>
      </Row>
  </div>
  </Card>
</template>
<script>

export default {
  data () {
    return {
      userId: '',
      userName: ''
    }
  },
  created () {
    // console.log('created')
  },
  methods: {
    onLock () {
      if (this.userId === '' && this.userName === '') {
        this.$Message.error('游戏id和游戏名字不能全都为空!!!')
        return
      }

      this.$Message.error('待开发,服务端为开发接口!!!')
    }
  },
  computed: {
    // console.log('computed')
  }
}
</script>
<style scoped>
  .role_account_lock {
    width: 500px;
    margin: 60px auto;
  }
</style>
